﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Image.aspx.cs" Inherits="OpenWaves.ImageTransformations.Showcase.Image" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <h1>Orginal image</h1>
        <a href="Content/Images/SampleImage1.jpg"><img src="Content/Images/SampleImage1.jpg" width="200" /></a>

        <h1>Scale to fill</h1>
        <ow:Image runat="server" ImageUrl="~/Content/Images/SampleImage1.jpg" Transformation="ScaleToFill" Width="100" Height="100" />

        <h1>Scale to fit</h1>
        <ow:Image runat="server" ImageUrl="~/Content/Images/SampleImage1.jpg" Transformation="ScaleToFit" Width="100" Height="100"/>

        <h1>Stretch</h1>
        <ow:Image runat="server" ImageUrl="~/Content/Images/SampleImage1.jpg" Transformation="Stretch" Width="100" Height="100"/>

        <h1>Central crop</h1>
        <ow:Image runat="server" ImageUrl="~/Content/Images/SampleImage1.jpg" Transformation="CentralCrop" Width="100" Height="100"/>

        <h1>Fallback Image</h1>
        <ow:Image runat="server" ImageUrl="" FallbackImageUrl="~/Content/Images/100x100.gif" />

        <h1>Web file</h1>
        <ow:Image runat="server" ImageUrl="https://www.google.pl/images/srpr/logo3w.png" Transformation="ScaleToFill" Width="100" Height="100"/>
    </div>
    </form>
</body>
</html>
